.bottom-bar {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: rem(50px);
  display: flex;
  border-top: rem(1px) solid #b6b6b6;
  background-color: rgba(246, 246, 246, 0.95);
  a{text-decoration:none}
  .btn-item {
    flex: 1;
    font-size: rem(11px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #999;
    .tab-icon {
      margin-bottom: rem(4px);
      width: rem(25px);
      height: rem(25px);
      background-size: cover;
    }

    &.active {
      color: #000;
    }

    &.home.active {
      .tab-icon {
        background-image: url("./img/homeIconActive.png");
      }
    }

    &.home {
      .tab-icon {
        background-image: url("./img/homeIcon.png");
      }
    }

    &.order.active {
      .tab-icon {
        background-image: url("./img/orderIconActive.png");
      }
    }

    &.order {
      .tab-icon {
        background-image: url("./img/orderIcon.png");
      }
    }

    &.my {
      .tab-icon {
        background-image: url("./img/myIcon.png");
      }
    }

    &.my.active {
      .tab-icon {
        background-image: url("./img/myIconActive.png");
      }
    }
  }
}